<template>
 <!-- 这是镇长首页 -->
	<view>
		<!-- 顶部导航栏 -->
		<u-sticky bgColor="#fff">
			<u-tabs :list="list1" lineWidth="70" lineColor="#0C68FD" :activeStyle="{
            color: '#0C68FD',
            fontWeight: 'bold',
            transform: 'scale(1.05)'
        }" :inactiveStyle="{
            color: '#606266',
            transform: 'scale(1)'
        }" itemStyle="padding-left: 45px; padding-right: 35px; height: 34px;"></u-tabs>
		</u-sticky>
		<!-- 信息 -->
		<view class="" v-for="item in 10">

			<view class="indexbody" @click="Telephone_interview_details">
				<view class="indexbody_title">
					<view>走访人</view>
					<view>回访详情</view>
				</view>
				<view class="indexbody_content">
					<view class="">
						<text>里尔</text>
						<text>男</text>
						<text>29岁</text>
						<text>21522222222</text>
					</view>
					<view class="indexbody_address">
						<view class="">
							<img src="../../static/index/address.png" alt="">
						</view>
						<view class="">
							<text>河南省郑州市郑东新区内环路会展中心26号</text>
						</view>
					</view>
				</view>
				<view class="indexbody_time">
					<text>回访时间: 1949-01-10 15:30:00</text>
				</view>
				<view class="indexbody_bottom">
					<view class="indexbody_date">
						<text>面访维护</text>
					</view>
					<view class="Pass">
						<img src="../../static/mayor/Pass.png" alt="">
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				list1: [{
					name: '全部',
				}, {
					name: '合格',
				}, {
					name: '不合格'
				}, ]
			}
		},
		methods: {
			Telephone_interview_details() {
				uni.navigateTo({
					url: './Telephone_interview_details'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #EFF1F5;
	}
</style>

<style lang="scss" scoped>
	.indexbody {
		margin: 15px 10px;
		background-color: #fff;
		border-radius: 5px;

		.indexbody_title {
			display: flex;
			justify-content: space-between;
			padding: 10px;

			img {
				width: 20px;
				height: 20px;
			}

			:first-child {
				font-weight: bold;
			}

			:last-child {
				color: #CCCCCC;
				font-size: 12px;
			}
		}

		.indexbody_content {

			background-color: #F8F8F8;
			margin: 5px 20px;
			padding: 5px;
			font-size: 15px;

			text {
				padding: 0 8px;
				border-right: 1px solid #333333;
			}

			:last-child {
				border-right: none;
			}
		}

		.indexbody_address {
			display: flex;
			margin: 10px 10px;

			img {
				width: 20px;
				height: 20px;
			}
		}

		.indexbody_time {
			margin: 8px 20px;
		}

		.indexbody_bottom {
			display: flex;
			justify-content: space-between;
			margin: 20px 0px 20px 20px;

			.indexbody_date {

				padding-bottom: 20px;

				text:first-child {
					padding: 3px;
					font-size: 14px;
					background-color: #F8F8F8;
					color: #5F7FD0;
		
	}
			}

			.Pass {
				img {
					width: 70px;
					height: 61px;
				}

			}
		}

	}
</style>
